<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        <div>
            <!-- 1.显示文本
             2.矿大响应范围
             1.label for = 其他表达id
             2.把其他标签 放入 label里 -->
            <label for="user">文本框</label> 
            <input type="text" id="user" name="username" placeholder="用户名" value="aa">
        </div>
      
        <div>
            <label>密码框</label> 
            
            <input type="password" >
        </div>
        <div>
            <label>单选框</label> 
            <input name="gender" type="radio" value="1" id="nan"><label for="nan">男</label>
            <label >
                            <input name="gender" type="radio" value="0">女
            </label>
        </div>
        <div>
            <label>复选框</label> 
            <input  type="checkbox">西瓜
            <input  type="checkbox">苹果
        </div>
        <div>
            <label>文本域</label> 
            <textarea placeholder="请输入评价">内容</textarea>
        </div>
        <div>
            <!-- button 默认就是 submit -->
            <button type="button">普通的按钮</button>
            <button type="submit">提交按钮</button>
            <button  type="reset">重置按钮</button>
        </div>
    </form>
</body>
</html>